<template>
  <div>
    <h1 v-for="(item,index) in arr" :key="index">{{item}}</h1>
    <hr>
    <hr>
    <hr>
    <hr>
    <!-- 同级标签存在key重复的情况，浏览器中就会报错
    如何解决？答：可以给标签外面套一层标签 -->
    <!-- <h1 v-for="(item,index) in arr" :key="index">{{item}}</h1> -->
    <div>
      <h1 v-for="(item,index) in arr" :key="index">{{item}}</h1>
    </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      arr: [1,2,3,4,5]
    }
  }
}
</script>

<style>

</style>